<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.back {
				width: 500px;
				height: 500px;
				margin-left: 300px;
				position: relative;
				/* 相对自身位置定位 */
				background-color: #007ACC;
			}

			p {
				background-color:  #7FFF00;
				width: 100px;
				height: 100px;
				position: absolute;
				/* 定位原点 */
				left: 200px;
				top: 80%;
			}
			/* 绝对定位特点: 如果有父元素，并且父元素加了某一种定位，根据父元素的位置定位，否则根据浏览器窗口定位*/
			/* 相对定位：根据自身定位 */
		</style>
	</head>
	<body>
		<div class="back">
			我是div
			<p>我是p</p>
		</div>
		
		
	</body>
</html>
